<template>
    <!-- <img :src="data.data.icon" alt="" class="img">
        首页 -->

    <!-- 布局 -->
    <div class="common-layout">
        <el-container>
            <el-header>
                <!-- 头部 -->
                <HeaderView />
            </el-header>
            <el-container>
                <el-aside width="200px">
                    <!-- 侧边栏 -->
                    <AsideView />
                </el-aside>
                <el-main>
                    <div class="main">
                        <RouterView />
                    </div>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup>
// import { getUserInfo } from '../api/user'
import HeaderView from '../components/HeaderView.vue'
import AsideView from '../components/AsideView.vue'
import  {getUserInfo} from '@/api/user'


const data = await getUserInfo()
// console.log(data)
</script>

<style scoped>
.img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.main{
    padding: 30px;
}

.el-header {
    width: 100%;
    /* background-color: cyan; */
    display: flex;
    justify-content: space-between;
}
</style>